import { memo } from "react";
import { View, Text, Image } from "@tarojs/components";
import LeftSearchImg from "@/assets/images/search_icon.png";
import RightSearchImg from "@/assets/images/search.png";
import styles from "./index.module.scss";

const GridView = memo(function () {
  return (
    <View className={styles["home-search"]}>
      <View className={styles["search-panel"]}>
        <Image
          className={styles["left-search-img"]}
          src={LeftSearchImg}
          mode="widthFix"
        ></Image>
        <View className={styles["name"]}>
          商品
          <Text className={styles["sub-name"]}>搜索</Text>
        </View>
      </View>

      <Image
        className={styles["right-search-img"]}
        src={RightSearchImg}
        mode="widthFix"
      ></Image>
    </View>
  );
});

export default GridView;
